<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>中电熊猫置业</title>
  <link rel="stylesheet" href="../../css/bootstrap.min.css"/>
  <link rel="stylesheet" href="../../css/style.css"/>
  <!--[if lt IE 9]>
  <script src="../../js/html5shiv.min.js"></script>
  <script src="../../js/respond.min.js"></script>
  <![endif]-->
  <style>
    .main{ padding-top:10px;padding-bottom: 30px; }
    .main p{ font-size: 14px; margin: 0; }
    .main h3{ color:#222;font-weight: bold; }
    /*.main a:focus{ color:#fff; }*/
    .c-inbanner{ background: rgba(230,230,230,.6)}
    header .child-menu a{ color:#666; }
    .main-row>div.col-xs-12{ margin-bottom: 15px; }
    .party-header{ border-bottom: 1px solid #E0E0E0;height:40px;line-height:40px; }
    .header-word{ float: left;width:100px;text-align: center; background: #AF3124;color:#fff; }
    .header-date{ float: right; }
    .header-list li{ border-bottom: 1px dashed #E0E0E0; padding-top:5px ;  }
    .header-list li:last-child{ border-bottom: 0; }
    .header-label{ width: 15%; position: relative; }
    .first-detail{ width: 85%; }
    .header-label span{ position: absolute;left:10px;top:15px;color:#fff; font-weight: bold;letter-spacing: 2px; }

    .party-mid{ position: relative; }
    .party-bottom{  padding:0 15px; }
    .party-img{ width:100%; }
    .face-block{ position: absolute;right:15px;top:0;color:#fff;padding:25px; width:350px;height:100%; background: rgba(0,0,0,.5) }
    .face-title{  display: block; text-align: center;color:#fff; font-size: 20px; text-align: center}
    /*.face-title:hover{ text-decoration: underline; }*/
    .face-block p{ line-height: 28px; }
    .face-block a{ color:#fff;font-size: 14px; }
    .face-block a.face-title{ font-size: 20px; }
    .face-block a:hover{ color:#fff; }
    hr{ width:100%;color:#fff;margin: 15px 0; }
    .w-6{ width:59%;float: left;margin-right: 2%;position: relative; }
    .w-4{ width:39%;float: left;position: relative; }
    .w-6 .face-block{ right: 0; width:300px; }
    .w-6 .face-block a{ display: block;  }
    /*.w-6 .face-block a:hover{ text-decoration: underline; }*/
    .w-4 .face-block{ top:100%; height: 50px;margin-top: -50px; left:0;width: 100%; padding:0;}
    .w-4 .face-block a{ line-height: 50px; }
    /*轮播*/
    .carousel-caption{ bottom:0;left:0;right:0; padding:15px 30px;text-align: left; background: rgba(0,0,0,.5) }
    .carousel-indicators{ bottom:0;left:75%;width:25%;margin: 0; padding:13px 0;}
    .carousel-indicators li{ margin: 0 5px; width:12px;height:12px;border-radius: 12px;border:0; background: rgba(255,255,255,.3)}
    @media (max-width: 767px) {
      .main h3{ font-size: 15px;margin-top: 5px; margin-bottom: 2px;}
      .main p{ line-height: 18px; font-size: 13px; }
      .party-header{height:30px;line-height:30px; }

      .header-list li{ padding-bottom: 5px; }
      .detail-date{ margin-top: 0px; font-size: 14px; }
      .face-block{ padding:15px; }
      .header-label span{ font-size: 14px; left: 10px;top:12px; }
      .header-label{ width: 15%; }
      .header-label img{ width: 90%; }
      hr{ margin:10px 0; }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .main h3{ font-size: 14px;margin-top: 5px; margin-bottom: 2px;}
      .main p{ line-height: 18px; }
      .header-list li{ padding-bottom: 5px; }
      .detail-date{ margin-top: 0px; font-size: 14px; }
      .face-block{ padding:15px; }
      .header-label{ width: 10%;  }
      .first-detail{ width: 90%; }
      .header-label img{ width:90%; }
      .header-label span{ font-size: 12px; left: 2px;top:10px; }
      hr{ margin:10px 0; }
      #carousel-party { margin-top: 50px; }
    }
    @media (min-width: 992px){
      .main h3{ font-size: 17px;margin-top: 5px; margin-bottom: 2px;}
      .main p{ line-height: 20px; }
      .header-list li{ padding-bottom: 5px; }
      .detail-date{ margin-top: 3px; }
      .face-block a{ line-height: 26px; }
    }
    @media (min-width: 1200px) {
      .main h3{ font-size: 20px;  margin-top: 10px;margin-bottom: 5px;}
      .main p{ line-height: 24px; }
      .header-list li{ padding-bottom:10px; }
      .detail-date{ margin-top: 10px; }
      .face-block a{ line-height: 28px; }

    }
  </style>
</head>
<body>
<!--头部-->
<header>
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="javascript:void(0)">
        <img alt="Brand" src="../../img/logo.png">
      </a>
    </div>
    <div class="collapse navbar-right navbar-collapse" id="collapse-1" role="navigation">
      <ul class="nav navbar-nav">
        <li>
          <a href="javascript:void(0)" data-path="index">首页</a>
        </li>
        <li>
          <a href="javascript:void(0)" data-path="intro">公司简介</a>
        </li>
        <li>
          <a href="javascript:void(0)" data-path="news">新闻中心</a>
        </li>
        <li>
          <a href="javascript:void(0)" data-path="layout">业务布局</a>
        </li>
        <li>
          <a href="javascript:void(0)" data-path="join">加入我们</a>
        </li>
        <li>
          <a href="javascript:void(0)" data-path="party">党建内容</a>
        </li>
        <li>
          <a href="javascript:void(0)" data-path="contact">联系我们</a>
        </li>
        <span id="baseline"></span>
      </ul>
    </div>
  </div>
  <!-- 子菜单 -->
  <div class="detail c-inbanner hidden-xs">
    <div class="subnavbg p-subnav  ">
      <div class="subnav sub-w">
        <ul class="list-inline child-menu"></ul>
      </div>
    </div>
    <div class="subnavbg p-subnav ">
      <div class="subnav sub-w">
        <ul class="clearfix child-menu" >
          <li>
            <a href="../intro/background.html">企业背景</a>
          </li>
          <li>
            <a href="../intro/culture.html" >企业文化</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="subnavbg p-subnav  ">
      <div class="subnav sub-w">
        <ul class="clearfix child-menu ">
          <li  >
            <a  href="../news/news-main.html" >重要新闻</a>
          </li>
          <li>
            <a href="javascript:void(0)">项目动态</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="subnavbg p-subnav ">
      <div class="subnav sub-w">
        <ul class="clearfix child-menu" >
          <li  >
            <a  href="../layout/commercial.html">商业地产</a>
          </li>
          <li>
            <a href="../layout/project.html">项目代建</a>
          </li>
          <li>
            <a href="javascript:void(0)">资产经营</a>
          </li>
          <li>
            <a href="javascript:void(0)">物业管理</a>
          </li>
          <li>
            <a href="javascript:void(0)">酒店管理</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="subnavbg p-subnav  ">
      <div class="subnav sub-w">
        <ul class="clearfix child-menu " >
          <li   >
            <a href="../join/strategy.html">人才策略</a>
          </li>
          <li>
            <a href="../join/employ.html">诚聘英才</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="subnavbg p-subnav  ">
      <div class="subnav sub-w">
        <ul class="clearfix child-menu"  >
          <li>
            <a href="../party/dynamic.html">党建动态</a>
          </li>
          <li>
            <a href="../party/relative.html">相关文件</a>
          </li>
          <li>
            <a href="../party/rule.html">规章制度</a>
          </li>
          <li>
            <a href="../party/structure.html">党组织架构</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="subnavbg p-subnav  ">
      <div class="subnav sub-w">
        <ul class="list-inline child-menu"></ul>
      </div>
    </div>
  </div>
</header>

<section id="banner">
  <div class="banner-box">
    <img src="../../img/head.png" >
  </div>
  <!-- 下方二级菜单 -->
  <div class="detail detail-path hidden-xs">
    <div class="container">
      <div class="detail-home">
        <a href="javascript:void(0)">
          <img src="../../img/home.png" />
        </a>
        <a href="../party/dynamic.html" id="main-title">党建内容</a>&gt;
        <a href="../party/dynamic.html" id="sub-title">党建动态</a>
      </div>
      <ul class="list-inline detail-title" id="detail-title">
        <li>
          <a href="../party/dynamic.html"data-path="dynamic">党建动态</a>
        </li>
        <li>
          <a href="../party/relative.html"data-path="relative">相关文件</a>
        </li>
        <li>
          <a href="../party/rule.html"data-path="rule">规章制度</a>
        </li>
        <li>
          <a href="../party/structure.html"data-path="structure">党组织架构</a>
        </li>
        <span id="subline"></span>
      </ul>
    </div>
  </div>
</section>

<section class="main">
  <div class="container">
    <div class="row main-row">
      <div class="col-xs-12">
        <div class=" party-header clearfix">
          <span class="header-word">党建动态</span>
          <span class="header-date">2018/06/12</span>
        </div>
      </div>
      <div class="col-xs-12">
       <div class="row party-top">
         <div class="col-xs-12 col-sm-6">
           <!-- 轮播-->
           <div id="carousel-party" class="carousel slide" data-ride="carousel">
             <!-- Indicators -->
             <ol class="carousel-indicators">
               <li data-target="#carousel-party" data-slide-to="0" class="active"></li>
               <li data-target="#carousel-party" data-slide-to="1"></li>
               <li data-target="#carousel-party" data-slide-to="2"></li>
             </ol>
             <!-- Wrapper for slides -->
             <div class="carousel-inner" role="libox">
               <div class="item active">
                 <img src="../../img/party_01.png" >
                 <div class="carousel-caption">
                   <p>习近平主持召开中央全面深化改革...</p>
                 </div>
               </div>
               <div class="item">
                 <img src="../../img/party_01.png" >
                 <div class="carousel-caption">
                   <p>习近平主持召开中央全面深化改革...</p>
                 </div>
               </div>
               <div class="item">
                 <img src="../../img/party_01.png" >
                 <div class="carousel-caption">
                   <p>习近平主持召开中央全面深化改革...</p>
                 </div>
               </div>
             </div>
           </div>

         </div>
         <div class="col-xs-12 col-sm-6">
           <ul class="header-list">
             <li class="header-first clearfix">
               <div class="header-label lf">
                 <img src="../../img/label.png" alt=""/>
                 <span>头条</span>
               </div>
               <div class="first-detail lf">
                 <a href="dynamic-detail.html">
                   <h3>熊猫置业圆满完成组织生活会及民主评议党员工作</h3>
                   <p>根据中电熊猫《关于召开2017年度基层党组织组织生活会和开展民主评议党员的通知》的文件精神，熊猫置业党委于3月2日正式印发相关工作方案......</p>
                 </a>
               </div>
             </li>
             <li>
               <a href="dynamic-detail.html">
                 <div class="common-header clearfix">
                     <h3 class="lf">深入领会学习要求，切实部署评议工作</h3>
                     <span class="detail-date rt">2018.06.01</span>
                 </div>
                 <p>为开好本次组织生活会、做好民主评议党员工作，熊猫置业党委召开专题会，根据集团文件精神，制定了详细的......</p>
               </a>
             </li>
             <li>
               <a href="javascript:void(0)">
                 <div class="common-header clearfix">
                   <h3 class="lf">巩固过程文件，细化评分细则</h3>
                   <span class="detail-date rt">2018.05.21</span>
                 </div>
                 <p>为了确保党员评议工作的客观、公正、标准一致，在工作开展初期，通过加强对方案文件的研究，结合十九大报告和新《党章》......</p>
               </a>
             </li>
           </ul>
         </div>
       </div>
     </div>
      <div class="col-xs-12 party-mid">
        <img src="../../img/party_mid.png" class="party-img" alt=""/>
        <div class="face-block hidden-xs">
          <a href="javascript:void(0)"  class="face-title">相关文件</a>
          <hr/>
          <a href="relative.html">为贯彻落实党的十九大对持之以恒正风肃纪的新部署、新要求，坚持聚焦问题、把握关键、统筹推进、长抓不解，在新形势下进一步加强中国电子务实高效、勤俭节约工作作风建设，加快推进中国电子市场化结构性改革，根据《中共中央政治......</a>
        </div>
      </div>
      <div class="col-xs-12">
        <div class="row party-bottom">
          <div class="w-6">
            <img src="../../img/party_bottom01.png" class="party-img" alt=""/>
            <div class="face-block hidden-xs">
              <a href="javascript:void(0)" class="face-title">规章制度</a>
              <hr/>
              <a href="relative-1.html">熊猫置业党员发展工作规程</a>
              <a href="relative-2.html">熊猫置业党员活动日实施办法</a>
              <a href="relative-3.html">熊猫置业基层党支部“三会一课”制度</a>
            </div>
          </div>
          <div class="w-4">
            <img src="../../img/party_bottom02.png" class="party-img" alt=""/>
            <div class="face-block hidden-xs">
              <a href="structure.html" class="face-title">党组织架构</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--尾部-->
<footer>
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-8">
        <p class="footer-desc">南京中电熊猫置业有限公司</p>
        <div class="footer-desc">售楼处 : <p>025-86657777、85506666</p></div>
        <div class="footer-desc">地　址 : <p>江苏省南京市栖霞区华电路1号</p></div>
        <div class="footer-desc">电　话 : <p>025-85235800</p></div>
        <div class="footer-desc">网　址 : <p>http://www.njzdzy.com/</p></div>
        <p class="footer-desc">版权所有©南京中电熊猫置业有限公司 苏ICP备11064917号-1</p>
      </div>
      <div class="col-xs-12 col-sm-4">
        <div class="row">
          <div class="col-xs-6 clearfix">
            <div class="footer-ercode-box">
              <img src="../../img/property-ercode.png" />
              <p>楼盘销售</p>
            </div>

          </div>
          <div class="col-xs-6 clearfix">
            <div class="footer-ercode-box">
              <img src="../../img/sale-ercode.png" />
              <p>置业公司</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
<script src="../../js/jquery.min.js"></script>
<!--<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>-->
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/bootlint.js"></script>
<!--<script src="https://cdn.bootcss.com/lodash.js/4.17.10/lodash.min.js"></script>-->
<script src="../../js/main.js"></script>
<script>
  $('.carousel').carousel({
    interval: 4000
  })
  //  bootlint.showLintReportForCurrentDocument([]);
</script>
</body>
</html>